<!DOCTYPE html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理员系统</title>
    <!--外观-->
    <link rel="stylesheet" th:href="@{/admin/css/adminlte.min.css}">
    <!--字体图标-->
    <link rel="stylesheet" th:href="@{/admin/css/all.css}">
    <!-- 左侧滚动条 -->
    <link rel="stylesheet" th:href="@{/admin/css/OverlayScrollbars.min.css}">
    <!-- Toastr -->
    <link rel="stylesheet" th:href="@{/admin/css/toastr.min.css}">
    <style>
        .btn-primary {
            background-color: #FF0000;
            border-color: #FF0000;
        }

        .btn-primary:hover {
            background-color: #c80000;
            border-color: #C80000;
        }

        .card-footer {
            text-align: right;
        }
    </style>
</head>

<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">
    <!--引入头框-->
    <div th:replace="pc/admin/header::header-nav"></div>
    <!-- 引入工具栏sidebar-fragment -->
    <!--括号内的值为${path}，用于高亮框-->
    <div th:replace="pc/admin/sidebar::sidebar-fragment('profile')"></div>
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
        </section>
        <!-- Main content -->
        <section class="content">
            <div class="container-fluid">
                <div class="row">
                    <!-- left column -->
                    <div class="col-md-6">
                        <!-- general form elements -->
                        <div class="card card-primary">
                            <div class="card-header">
                                <h3 class="card-title">基本信息</h3>
                            </div>
                            <!-- /.card-header -->
                            <!-- form start -->
                            <form role="form" id="LoginIdAndNameForm">
                                <div class="card-body">
                                    <div class="form-group">
                                        <i class="fas fa-id-badge"></i>
                                        <label for="loginId">账号</label>
                                        <input type="text" class="form-control" id="loginId"
                                               th:value="${session.admin.loginId}" name="loginId">
                                    </div>
                                    <div class="form-group">
                                        <i class="fas fa-signature"></i>
                                        <label for="adminName">名称</label>
                                        <input type="text" class="form-control" id="adminName"
                                               th:value="${session.admin.adminName}" name="adminName">
                                    </div>
                                </div>
                                <!-- /.card-body -->
                                <div class="card-footer">
                                    <button type="button" class="btn btn-danger" id="updateLoginIdAndName">确认修改</button>
                                </div>
                            </form>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <!-- general form elements -->
                        <div class="card card-primary">
                            <div class="card-header">
                                <h3 class="card-title">更改密码</h3>
                            </div>
                            <!-- /.card-header -->
                            <!-- form start -->
                            <form role="form" id="passwordForm">
                                <div class="card-body">
                                    <div class="form-group">
                                        <i class="fas fa-unlock"></i>
                                        <label for="oldPassword">原密码</label>
                                        <input type="password" class="form-control" id="oldPassword"
                                               placeholder="输入原密码" name="oldPassword">
                                    </div>
                                    <div class="form-group">
                                        <i class="fas fa-lock"></i>
                                        <label for="newPassword">新密码</label>
                                        <input type="password" class="form-control" id="newPassword"
                                               placeholder="输入新密码" name="newPassword">
                                    </div>
                                </div>
                                <!-- /.card-body -->
                                <div class="card-footer">
                                    <button type="button" class="btn btn-danger" id="updatePassword">确认修改</button>
                                </div>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </section>
    </div>
</div>
<!-- jQuery -->
<script th:src="@{/admin/js/jquery.min.js}"></script>
<!-- overlayScrollbars -->
<script th:src="@{/admin/js/jquery.overlayScrollbars.min.js}"></script>
<!-- AdminLTE App -->
<script th:src="@{/admin/js/adminlte.js}"></script>
<!-- Toastr -->
<script th:src="@{/admin/js/toastr.min.js}"></script>
<!-- 自己的 -->
<script th:src="@{/admin/js/public.js}"></script>
<script th:src="@{/admin/js/profile.js}"></script>
</body>
</html>